<template>
<onekit-page>
<onekit-view onekit-class="container">
	<div is="onekit-template-head" :DATA="`${JSON.stringify({title:'getSystemInfo'})}`"></div>
	<onekit-view onekit-class="page-body">
		<onekit-view onekit-class="page-section">
			<onekit-view onekit-class="weui-cells weui-cells_after-title">
				<onekit-view onekit-class="weui-cell weui-cell_input">
					<onekit-view onekit-class="weui-cell__hd">
						<onekit-view onekit-class="weui-label">手机品牌</onekit-view>
					</onekit-view>
					<onekit-view onekit-class="weui-cell__bd">
						<onekit-input onekit-class="weui-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.brand"></onekit-input>
					</onekit-view>
				</onekit-view>
				<onekit-view onekit-class="weui-cell weui-cell_input">
					<onekit-view onekit-class="weui-cell__hd">
						<onekit-view onekit-class="weui-label">手机型号</onekit-view>
					</onekit-view>
					<onekit-view onekit-class="weui-cell__bd">
						<onekit-input onekit-class="weui-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.model"></onekit-input>
					</onekit-view>
				</onekit-view>
				<onekit-view onekit-class="weui-cell weui-cell_input">
					<onekit-view onekit-class="weui-cell__hd">
						<onekit-view onekit-class="weui-label">微信语言</onekit-view>
					</onekit-view>
					<onekit-view onekit-class="weui-cell__bd">
						<onekit-input onekit-class="weui-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.language"></onekit-input>
					</onekit-view>
				</onekit-view>
				<onekit-view onekit-class="weui-cell weui-cell_input">
					<onekit-view onekit-class="weui-cell__hd">
						<onekit-view onekit-class="weui-label">微信版本</onekit-view>
					</onekit-view>
					<onekit-view onekit-class="weui-cell__bd">
						<onekit-input onekit-class="weui-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.version"></onekit-input>
					</onekit-view>
				</onekit-view>
				<onekit-view onekit-class="weui-cell weui-cell_input">
					<onekit-view onekit-class="weui-cell__hd">
						<onekit-view onekit-class="weui-label">屏幕宽度</onekit-view>
					</onekit-view>
					<onekit-view onekit-class="weui-cell__bd">
						<onekit-input onekit-class="weui-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.windowWidth"></onekit-input>
					</onekit-view>
				</onekit-view>
				<onekit-view onekit-class="weui-cell weui-cell_input">
					<onekit-view onekit-class="weui-cell__hd">
						<onekit-view onekit-class="weui-label">屏幕高度</onekit-view>
					</onekit-view>
					<onekit-view onekit-class="weui-cell__bd">
						<onekit-input onekit-class="weui-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.windowHeight"></onekit-input>
					</onekit-view>
				</onekit-view>
				<onekit-view onekit-class="weui-cell weui-cell_input">
					<onekit-view onekit-class="weui-cell__hd">
						<onekit-view onekit-class="weui-label">DPR</onekit-view>
					</onekit-view>
					<onekit-view onekit-class="weui-cell__bd">
						<onekit-input onekit-class="weui-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.pixelRatio"></onekit-input>
					</onekit-view>
				</onekit-view>
			</onekit-view>
			<onekit-view onekit-class="btn-area">
				<onekit-button type="primary" @Tap="getSystemInfo">获取手机系统信息</onekit-button>
			</onekit-view>
		</onekit-view>
	</onekit-view>
	<div is="onekit-template-foot"></div>
</onekit-view>
</onekit-page></template>
<script>
/* eslint-disable */
import Vue from 'vue';
import onekit_template_0 from '../../../common/head.head.vue';Vue.component('onekit-template-head',onekit_template_0);
import onekit_template_1 from '../../../common/foot.foot.vue';Vue.component('onekit-template-foot',onekit_template_1);
const ONEKIT_JSON= {
  "navigationBarTitleText": "获取手机系统信息",
  "usingComponents": {
    
  }
};
const ONEKIT_SJS = {
};
import wx from '../../../../weixin2vue/wx.js';
import Macro from '../../../../weixin2vue/Macro.js';
const {getApp,getCurrentPages} = Macro;
import Page from '../../../../weixin2vue/OnekitPage.js';
import Component from '../../../../weixin2vue/OnekitComponent.js';
export default Page(ONEKIT_JSON,["true","systemInfo","brand","model","language","version","windowWidth","windowHeight","pixelRatio"],ONEKIT_SJS,{
    "onShareAppMessage"(){
      return {
        "title":'获取手机系统信息',
        "path":'packageAPI/pages/get-system-info/get-system-info'
};
    },
    "data":{
        "systemInfo":{
}
},
    "getSystemInfo"(){
      const that = this;
      wx.getSystemInfo({
        "success"(res){
          that.setData({
            "systemInfo":res
});
        }
});
    }
});

</script>
<style 
 lang="css">
@import '/common/lib/weui.css';
</style>